<template>
	<div>
		<Form label-position="top">
	        <FormItem label="间距设置">
	        	<div class="ui-slider-group">
	        		<div class="label">顶部外边距</div>
	        		<div class="box">
	        			<Slider :max="100" v-model="value.margin"></Slider>
	        		</div>
	        	</div>
	        	<div class="ui-slider-group">
	        		<div class="label">上下间距</div>
	        		<div class="box">
	        			<Slider :max="50" v-model="value.paddingy"></Slider>
	        		</div>
	        	</div>
	        	<div class="ui-slider-group">
	        		<div class="label">左右间距</div>
	        		<div class="box">
	        			<Slider :max="50" v-model="value.paddingx"></Slider>
	        		</div>
	        	</div>
	        </FormItem>
	        <FormItem label="图片切换速度">
	            <Input v-model="value.speed"><span slot="append"> 秒 </span></Input>
	        </FormItem>
	    </Form>
	    <PictureUploads v-model="value.lists"></PictureUploads>
	</div>
</template>

<script>
import PictureUploads from '../../components/PictureUploads.vue';
export default {
	name: 'bannerConfig',
	components: {
		PictureUploads
	},
	props: {
		value: {
			type: Object,
			default: function() {
				return {};
			}
		}
	}
}
</script>

<style>
</style>